.services-list {
    float: left;
    width: 923px;
    margin: 40px 25px 40px 65px;
}

.services-list span {
    display: inline-block;
}

.services-list a {
    font-family: SimSun;
    font-size: 14px;
    line-height: 32px;
    color: #666666;
}

.services-list li {
    position: relative;
    /* 定位为了调整线的位置 */
    overflow: hidden;
    /* display: flex; */
}

.services-list .service-item {
    background-color: #fff;
    /* 加白色背景色 覆盖线的效果 */
    padding-right: 5px;
    position: relative;
    left: 0;
    z-index: 10px;
    /*增加显示层级*/
    /* 当多个元素添加绝对定位，元素会叠加在一起，
    使用z-index可以设置元素显示的层次 */
    /* 文字与线之间留出边距 */
}

.services-list .line {
    position: absolute;
    flex: 1;
    /* 扩张比为1 */
    /* 设置宽度为100% */
    width: 100%;
    border-top: 1px dashed #666;
    top: 15px;
}

.services-list .service-date {
    position: absolute;
    right: 0;
    padding-left: 5px;
    background-color: #fff;
    /* 加白色背景色 覆盖线的效果 */
    z-index: 10;
}

/* 目录效果
1.在目录最外层设置相对定位
2.设置左侧标题，设置白色背景和z-index，消除点线
3.设置目录中间的线，宽度100%，设置border-top 通过定位调整位置
4.设置右侧页码，通过绝对定位设置其位置，设置背景色和z-index覆盖点线
*/